<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>中国建设银行</title>
    <link rel="stylesheet" href="css/style.css"/>
    <script type="text/javascript" src="js/zepto.min.js"></script>
    <script type="text/javascript" src="js/base.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
</head>

<body>
<div class="header">
    <a class="returnBtn" href="javascript:history.back(-1)">
        <img class="returnImg" src="images/icon_return_1.png" />
    </a>
    <span>提交预约</span>
</div>
<div class="stepBox">
    <div class="stepMsgBox">
        <span class="list">买卖信息</span>
        <span class="list">交易信息</span>
        <span class="list">
            提交
            <i class="hideTxt">隐</i>
        </span>
    </div>
    <div class="stepOne" style="display: none">
        <div class="barBox">
            <img class="barImg" src="images/step_1.png"/>
        </div>
        <div class="orderFormBox">

            <div class="leaderLine">*为必填项</div>
            <div class="line">
                <div class="lt">
                    <span class="icon">*</span>
                    <span>买方姓名：</span>
                </div>
                <div class="rt">
                    <input class="inp" type="text" placeholder="请输入买方真实姓名"/>
                </div>
            </div>
            <div class="line">
                <div class="lt">
                    <span class="icon">*</span>
                    <span>证 件 号：</span>
                </div>
                <div class="rt">
                    <input class="inp" type="text" placeholder="请输入买方真实证件号"/>
                </div>
            </div>
            <div class="line">
                <div class="lt">
                    <span class="icon">*</span>
                    <span>卡</span>
                    <span class="hideTxt">隐</span>
                    <span>号：</span>
                </div>
                <div class="rt">
                    <input class="inp" type="text" placeholder="请输入买方真实卡号"/>
                </div>
            </div>
            <div class="line">
                <div class="lt">
                    <span class="icon">*</span>
                    <span>手机号码：</span>
                </div>
                <div class="rt">
                    <input class="inp" type="text" placeholder="请输入买方真实手机号码"/>
                </div>
            </div>
            <div class="line">
                <div class="lt">
                    <span class="icon">*</span>
                    <span>卖方姓名：</span>
                </div>
                <div class="rt">
                    <input class="inp" type="text" placeholder="请输入卖方真实姓名"/>
                </div>
            </div>
            <div class="line">
                <div class="lt">
                    <span class="icon">*</span>
                    <span>证 件 号：</span>
                </div>
                <div class="rt">
                    <input class="inp" type="text" placeholder="请输入卖方真实证件号"/>
                </div>
            </div>
            <div class="line">
                <div class="lt">
                    <span class="icon">*</span>
                    <span>卡</span>
                    <span class="hideTxt">隐</span>
                    <span>号：</span>
                </div>
                <div class="rt">
                    <input class="inp" type="text" placeholder="请输入卖方真实卡号"/>
                </div>
            </div>
            <div class="line">
                <div class="lt">
                    <span class="icon">*</span>
                    <span>手机号码：</span>
                </div>
                <div class="rt">
                    <input class="inp" type="text" placeholder="请输入卖方真实手机号码"/>
                </div>
            </div>

        </div>

        <div class="bottomBtnBox">
            <a class="btn" href="javascript:void(0)">下一步</a>
        </div>
    </div>
    <div class="stepTwo">
        <div class="barBox">
            <img class="barImg" src="images/step_2.png"/>
        </div>
        <div class="orderFormBox">
            <div class="leaderLine">*为必填项</div>
            <div class="line">
                <div class="lt">
                    <span class="icon">*</span>
                    <span>房产地址：</span>
                </div>
                <div class="rt">
                    <div class="selectBox">
                        <select  class="select">
                            <option value="" disabled selected>市</option>

                        </select>
                        <select  class="select">
                            <option value="" disabled selected>区</option>

                        </select>
                    </div>
                    <input class="inp" type="text" placeholder="请输入详细地址"/>
                </div>
            </div>
            <div class="line">
                <div class="lt">
                    <span class="icon">*</span>
                    <span>冻结首付款：</span>
                </div>
                <div class="rt">
                    <input class="inp" type="text" placeholder="请输入冻结金额"/>
                    <span class="tip">万元</span>
                </div>
            </div>
            <div class="line">
                <div class="lt">
                    <span class="icon">*</span>
                    <span>冻结差额款：</span>
                </div>
                <div class="rt">
                    <input class="inp" type="text" placeholder="请输入冻结金额"/>
                    <span class="tip">万元</span>
                </div>
            </div>
            <div class="line">
                <div class="lt">
                    <span class="icon">*</span>
                    <span>冻结至：</span>
                </div>
                <div class="rt">
                    <input class="inp" type="text" placeholder="选择时间"/>
                </div>
            </div>
            <div class="line">
                <div class="lt">
                    <span class="icon">*</span>
                    <span>房产中介：</span>
                </div>
                <div class="rt">
                    <div class="selectBox">
                        <select  class="select">
                            <option value="" disabled selected>市</option>

                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottomBtnBox">
            <a class="btn" href="javascript:void(0)">提交</a>
        </div>
    </div>
    <div class="stepThree">
        <div class="barBox">
            <img class="barImg" src="images/step_3.png"/>
        </div>
        <div class="sucBox">
            <img class="sucImg" src="images/suc.png" />
            <p class="sucTxt">提交成功</p>
            <p class="subTxt">请耐心等待平台信息审核...</p>
        </div>

    </div>
</div>


</body>

</html>
